<template>
	<div>
		<div v-for="(item,i) in newsList" :key="i">
			<div> {{item.title}} </div>
			<van-image :src="item.img" width="100" />
		</div>
	</div>
</template>

<script>
	//1.导入封装后的接口  
	import { getNewsListAPI } from "@/api/news.js";

	export default {
		data() {
			return {
				newsList: [], //新闻列表
			}
		},

		//生命周期的钩子函数
		created() {
			// 获取新闻列表
			getNewsListAPI().then(result => {
				console.log(result); //调式输出，也可以看看数据结构
				this.newsList = result.data;
			});
		},
		methods: {}
	}
</script>

<style lang="less" scoped="scoped">
</style>